<%--
  Created by IntelliJ IDEA.
  User: chenxiaojun
  Date: 2020/6/17
  Time: 11:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>商品查看</title>
    <%@include file="/common/header.jsp"%>
    <style type="text/css">
        a{
            text-decoration:none;
        }
        .cd{
            margin: 20px auto 0px auto;
            width: 80%;
        }
        .tr1{
            background-color: #F2F6FC;
            height: 40px;
            width: 250px;
        }
    </style>
</head>
<body>
<div id="root" style="border: 1px white solid">
    <i-button type="default" @click="ret" :style="{float:'right',margin:'20px 40px'}">返回商品列表</i-button>
    <div style="width: 85%;margin: 80px auto 0px auto;">
    <Card class="cd">
        <div>
            <Icon type="md-bookmark" ></Icon>商品查看
        </div>
        <div>
            <table border="1" cellpadding="0" cellspacing="0"  style="margin:auto;padding: 0px;text-align:center;width: 95%;table-layout:fixed;border-color:#DCDFE6; border-collapse: collapse;">
                <tr>
                    <td class="tr1">编号：</td>
                    <td>${commodity.id}</td>
                </tr>
                <tr>
                    <td class="tr1">商品图片：</td>
                    <td> <img src="${commodity.pic}"  height="70"></td>
                </tr>
                <tr>
                    <td class="tr1">商品名称：</td>
                    <td>${commodity.name}</td>
                </tr>
                <tr>
                    <td class="tr1">商品品牌：</td>
                    <td>${sort.sortName}</td>
                </tr>
                <tr>
                    <td class="tr1">商品分类：</td>
                    <td>${brand.name}</td>
                </tr>
                <tr>
                    <td class="tr1">商品价格：</td>
                    <td>${commodity.price}</td>
                </tr>
                <tr>
                    <td class="tr1">商品货号：</td>
                    <td>${commodity.productSn}</td>
                </tr>
                <tr>
                    <td class="tr1">商品排序：</td>
                    <td>${commodity.sort}</td>
                </tr>
                <tr>
                    <td class="tr1">商品库存：</td>
                    <td>${commodity.stock}</td>
                </tr>
                <tr>
                    <td class="tr1">商品销量：</td>
                    <td>${commodity.sale}</td>
                </tr>
                <tr>
                    <td class="tr1">商品预警：</td>
                    <td>${commodity.lowStock}</td>
                </tr>
                <tr>
                    <td class="tr1">商品单位：</td>
                    <td>${commodity.unit}</td>
                </tr>
                <tr>
                    <td class="tr1">上架状态：</td>
                    <td> <i-switch disabled :value="${commodity.publishStatus} == 1?true:false" /></td>
                </tr>
                <tr>
                    <td class="tr1">审核状态：</td>
                    <td><i-switch disabled :value="${commodity.verifyStatus} == 1?true:false" /></td>
                </tr>
            </table>
        </div>
    </Card>
    </div>
</div>
<script>
    new Vue({
        el:"#root",
        data:{
            sortList:{},
            brandList:{},
            update:[]
        },
        mounted(){

        },
        methods: {
            ret(){
                window.location.href="/sys/com/index";
            }
        }
    })
</script>
</body>
</html>
